<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0，maximum-scale=1.0, user-scalable=0">
    <title>小米10 s</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/xiaomi10.css">
    <script>
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 720) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));
        // 1rem = 34.7222px
    </script>
</head>
<body>
   <header>
       <ul>
           <li><a href="#aaa">商品</a></li>
           <li><a href="#bbb">评价</a></li>
           <li><a href="#ccc">详情</a></li> 
           <li><a href="#ddd">推荐</a></li>
       </ul>
       <div>
           <a class="iconfont icon-xiangzuojiantou" href="./index.html"></a>
           <a class="iconfont icon-fenxiang" href=""></a>
       </div>
   </header>
   <article>
       <aside class="big_img" id="aaa">
            <div>
                <img src="./img/xiaomi1.jpg" alt="">
                <img src="./img/xiaomi2.jpg" alt="">
                <img src="./img/xiaomi4.jpg" alt="">
            </div>
            <section>
                <span>11/21</span> 
            </section>
        </aside>
        <aside class="aside1">
            <div><p>￥2999<span>￥3299</span></p></div>
        </aside>
        <aside class="aside2">
            <div>
                <span>预计得300米金</span>
                <p>赠完即止：满1件赠价值129元小米...</p>
            </div>
            <div>
                <a href="">更多 ></a>
            </div>
            
        </aside>
        <aside class="aside3">
            <h5>xiaomi 10S</h5>
            <p> 「至高享24期兔息，赠真无线蓝牙耳机,信用卡分期至高减20
                元,赠897元三人体检套餐,赠5G专属大流量卡」</p>
            <ol>
                <li>① [高端音质]对称式双扬立体声多场景360立体音效</li>
                <li>② [旗舰新秀] 骁龙870+LPDDR5+Wi-Fi 6</li>
                <li>③ [计算摄影] 1亿像素8K电影相机</li>
            </ol>
        </aside>
        <aside class="aside4">
            <a href=""> xiaomi 10S 购机优选福利> </a>
        </aside>
        <aside class="aside5">
            <ul>
                <li>
                    <img src="./img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="./img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="./img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="./img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="./img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="./img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="./img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="./img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="./img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
                <li>
                    <img src="./img/xiaomi9.png" alt="">
                    <p>CPU</p>
                    <span>高通骁龙870</span>
                </li>
            </ul>
        </aside>
        <aside class="aside6">
            <img src="./img/xiaomi7.png" alt="">
            <span>【手机直降热销榜】第3名</span>
        </aside>
        <aside class="aside7">
            <div class="aside7_div1"><a href="">已选</a></div>
            <div class="aside7_div2"><span>xiaomi 10S 8GB+128GB 黑色x1</span></div>
        </aside>
        <aside class="aside8">
            <div class="aside8_div1"><a href="">送至</a></div>
            <div class="aside8_div2">
                <p>北京市 东城区 <span>有现货</span></p>
                <span>明天21点前付款，预计10月19日送达</span>
            </div>
        </aside>
        <aside class="aside9">
            <div class="aside9_div1">
                <img src="./img/xiaomi8.png" alt="">
                <span>小米自营</span>
            </div>
            <div class="aside9_div2">
                <img src="./img/xiaomi8.png" alt="">
                <span>小米发货</span>
            </div>
            <div class="aside9_div3">
                <img src="./img/xiaomi8.png" alt="">
                <span>七天无理由退货</span>
            </div>
        </aside>
        <aside class="aside10">
            <div class="aside10_div1">
                <p>推荐套餐</p>
            </div>
            <div class="aside10_div2">
                <ul>
                    <li>
                        <img class="aside10_div2_img1" src="./img/xiaomi11.png" alt="">
                        <p>xiaomi 10S</p>
                        <span>￥2999</span>
                    </li>
                    <li>
                        <img class="aside10_div2_img" src="./img/下载 (5).png" alt="">
                    </li>
                    <li>
                        <img class="aside10_div2_img1" src="./img/xiaomi12.jpg" alt="">
                        <p>冰封散热背</p>
                        <span>￥99</span>
                        <img class="aside10_div2_img2" src="./img/xianmi10.png" alt="">
                    </li>
                    <li>
                        <img class="aside10_div2_img1" src="./img/xiaomi13.jpg" alt="">
                        <p>会员限定拉</p>
                        <span>￥99</span>
                        <img class="aside10_div2_img2" src="./img/xianmi10.png" alt="">
                    </li>
                </ul>
            </div>
            <div class="aside10_div3">
                <p>总价 <span class="span1">￥3197</span><span class="span2">￥3327</span></p>
            </div>
            <div class="aside10_div4">
                <a href="">购买此套装（3件商品）</a>
            </div>
        </aside>
        <aside class="aside11" id="bbb">
            <div class="aside11_div1">
                <p>用户好评</p>
                <span>好评率98.9% ></span>
            </div>
            <ul>
                <li>价格实惠</li>
                <li>颜值够高</li>
                <li>运行稳定</li>
                <li>拍照一流</li>
                <li>续航出色</li>
                <li>音质上乘</li>
            </ul>
            <div class="aside11_div2">
                <section>
                    <div class="aside11_div21">
                        <img src="./img/xiaomi14.jpg" alt="">
                        <div>
                            <p>梦溪笔谭</p>
                            <span>2021-10-17</span>
                        </div>
                    </div>
                    <div class="aside11_div22">
                        <p>已经买了几个了，很不错，很精致，很喜欢！！！！</p>
                    </div>
                    <div class="aside11_div23">
                        <img src="./img/xiaomi15.jpg" alt="">
                        <img src="./img/xiaomi16.jpg" alt="">
                    </div>
                </section>
                <section>
                    <div class="aside11_div21">
                        <img src="./img/xiaomi14.jpg" alt="">
                        <div>
                            <p>梦溪笔谭</p>
                            <span>2021-10-17</span>
                        </div>
                    </div>
                    <div class="aside11_div22">
                        <p>已经买了几个了，很不错，很精致，很喜欢！！！！</p>
                    </div>
                    <div class="aside11_div23">
                        <img src="./img/xiaomi15.jpg" alt="">
                        <img src="./img/xiaomi16.jpg" alt="">
                    </div>
                </section>
                <section>
                    <div class="aside11_div21">
                        <img src="./img/xiaomi14.jpg" alt="">
                        <div>
                            <p>梦溪笔谭</p>
                            <span>2021-10-17</span>
                        </div>
                    </div>
                    <div class="aside11_div22">
                        <p>已经买了几个了，很不错，很精致，很喜欢！！！！</p>
                    </div>
                    <div class="aside11_div23">
                        <img src="./img/xiaomi15.jpg" alt="">
                        <img src="./img/xiaomi16.jpg" alt="">
                    </div>
                </section>
            </div>
        </aside>
        <aside class="aside12">
            <div>
                <section class="aside12_section1">
                    <span>米粉点评团</span>
                </section>
                <section class="aside12_section3">
                    <section class="aside12_section2">
                        <div class="aside12_section2_div1">
                            <img src="./img/xiaomi17.jpg" alt="">
                            <p>1999元感恩红包</p>
                            <div class="aside12_section2_div1_down">
                                <aside class="aside12_section2_div1_down_aside1">
                                    <img src="./img/xiaomi18.jpg" alt="">
                                    <span>帅北瓜</span>
                                </aside>
                                <aside class="aside12_section2_div1_down_aside2">
                                    <img src="./img/xiaomi19.png" alt="">
                                    <span>5116</span>
                                </aside>
                            </div>
                        </div>
                        <div class="aside12_section2_div1">
                            <img src="./img/xiaomi17.jpg" alt="">
                            <p>1999元感恩红包</p>
                            <div class="aside12_section2_div1_down">
                                <aside class="aside12_section2_div1_down_aside1">
                                    <img src="./img/xiaomi18.jpg" alt="">
                                    <span>帅北瓜</span>
                                </aside>
                                <aside class="aside12_section2_div1_down_aside2">
                                    <img src="./img/xiaomi19.png" alt="">
                                    <span>5116</span>
                                </aside>
                            </div>
                        </div>
                        <div class="aside12_section2_div1">
                            <img src="./img/xiaomi17.jpg" alt="">
                            <p>1999元感恩红包</p>
                            <div class="aside12_section2_div1_down">
                                <aside class="aside12_section2_div1_down_aside1">
                                    <img src="./img/xiaomi18.jpg" alt="">
                                    <span>帅北瓜</span>
                                </aside>
                                <aside class="aside12_section2_div1_down_aside2">
                                    <img src="./img/xiaomi19.png" alt="">
                                    <span>5116</span>
                                </aside>
                            </div>
                        </div>
                        <div class="aside12_section2_div1">
                            <img src="./img/xiaomi17.jpg" alt="">
                            <p>1999元感恩红包</p>
                            <div class="aside12_section2_div1_down">
                                <aside class="aside12_section2_div1_down_aside1">
                                    <img src="./img/xiaomi18.jpg" alt="">
                                    <span>帅北瓜</span>
                                </aside>
                                <aside class="aside12_section2_div1_down_aside2">
                                    <img src="./img/xiaomi19.png" alt="">
                                    <span>5116</span>
                                </aside>
                            </div>
                        </div>
                        <div class="aside12_section2_div1">
                            <img src="./img/xiaomi17.jpg" alt="">
                            <p>1999元感恩红包</p>
                            <div class="aside12_section2_div1_down">
                                <aside class="aside12_section2_div1_down_aside1">
                                    <img src="./img/xiaomi18.jpg" alt="">
                                    <span>帅北瓜</span>
                                </aside>
                                <aside class="aside12_section2_div1_down_aside2">
                                    <img src="./img/xiaomi19.png" alt="">
                                    <span>5116</span>
                                </aside>
                            </div>
                        </div>
                        
                    </section>
                </section>
            </div>
        </aside>
        <aside class="aside13">
            <img src="./img/xioami20.jpg" alt="">
        </aside>
        <aside class="aside14">
            <div class="aside14_div1">
                <span>商品推荐</span>
                <span>爆款推荐</span>
            </div>
            <ul>
                <li>
                    <div class="aside14_div2">
                        <img src="./img/xiaomi21.png" alt="">
                    </div>
                    <div class="aside14_div3">
                        <p>Xiaomi 11，骁龙888 轻薄旗舰</p>
                        <span>￥3799起<span>￥3799</span></span>
                    </div>
                </li>
                <li>
                    <div class="aside14_div2">
                        <img src="./img/xiaomi21.png" alt="">
                    </div>
                    <div class="aside14_div3">
                        <p>Xiaomi 11，骁龙888 轻薄旗舰</p>
                        <span>￥3799起<span>￥3799</span></span>
                    </div>
                </li>
                <li>
                    <div class="aside14_div2">
                        <img src="./img/xiaomi21.png" alt="">
                    </div>
                    <div class="aside14_div3">
                        <p>Xiaomi 11，骁龙888 轻薄旗舰</p>
                        <span>￥3799起<span>￥3799</span></span>
                    </div>
                </li>
                <li>
                    <div class="aside14_div2">
                        <img src="./img/xiaomi21.png" alt="">
                    </div>
                    <div class="aside14_div3">
                        <p>Xiaomi 11，骁龙888 轻薄旗舰</p>
                        <span>￥3799起<span>￥3799</span></span>
                    </div>
                </li>
                <li>
                    <div class="aside14_div2">
                        <img src="./img/xiaomi21.png" alt="">
                    </div>
                    <div class="aside14_div3">
                        <p>Xiaomi 11，骁龙888 轻薄旗舰</p>
                        <span>￥3799起<span>￥3799</span></span>
                    </div>
                </li>
                <li>
                    <div class="aside14_div2">
                        <img src="./img/xiaomi21.png" alt="">
                    </div>
                    <div class="aside14_div3">
                        <p>Xiaomi 11，骁龙888 轻薄旗舰</p>
                        <span>￥3799起<span>￥3799</span></span>
                    </div>
                </li>
            </ul>
        </aside>
        <aside class="aside15" id="ccc">
            <div>
                <span>商品介绍</span>
                <span>规格参数</span>
            </div>
            <ul>
                <li>
                    <img src="./img/小米10/d13e557ea1caeeca11f8ca8b4c2a357d.jpg" alt="">
                    <img src="./img/小米10/a76c465b1c6abad3bf038965c66a7c48.jpg" alt="">
                    <img src="./img/小米10/24939dfb4af961bc61989aa9ecd60060.jpg" alt="">
                    <img src="./img/小米10/c1dd2f9ba818ac15bc727893f4d7b1f5.jpg" alt="">
                    <img src="./img/小米10/b795ae726e4a41c17f1c9b33b98a7782.jpg" alt="">
                    <img src="./img/小米10/15035061f27b2aa2ba80e4bd8bf22f0a.jpg" alt="">
                    <img src="./img/小米10/d13e557ea1caeeca11f8ca8b4c2a357d.jpg" alt="">
                    <img src="./img/小米10/a76c465b1c6abad3bf038965c66a7c48.jpg" alt="">
                    <img src="./img/小米10/24939dfb4af961bc61989aa9ecd60060.jpg" alt="">
                    <img src="./img/小米10/c1dd2f9ba818ac15bc727893f4d7b1f5.jpg" alt="">
                    <img src="./img/小米10/b795ae726e4a41c17f1c9b33b98a7782.jpg" alt="">
                    <img src="./img/小米10/15035061f27b2aa2ba80e4bd8bf22f0a.jpg" alt="">
                    <img src="./img/小米10/d13e557ea1caeeca11f8ca8b4c2a357d.jpg" alt="">
                    <img src="./img/小米10/a76c465b1c6abad3bf038965c66a7c48.jpg" alt="">
                    <img src="./img/小米10/24939dfb4af961bc61989aa9ecd60060.jpg" alt="">
                    <img src="./img/小米10/c1dd2f9ba818ac15bc727893f4d7b1f5.jpg" alt="">
                    <img src="./img/小米10/b795ae726e4a41c17f1c9b33b98a7782.jpg" alt="">
                    <img src="./img/小米10/15035061f27b2aa2ba80e4bd8bf22f0a.jpg" alt="">
                    <img src="./img/小米10/d13e557ea1caeeca11f8ca8b4c2a357d.jpg" alt="">
                    <img src="./img/小米10/a76c465b1c6abad3bf038965c66a7c48.jpg" alt="">
                    <img src="./img/小米10/24939dfb4af961bc61989aa9ecd60060.jpg" alt="">
                    <img src="./img/小米10/c1dd2f9ba818ac15bc727893f4d7b1f5.jpg" alt="">
                    <img src="./img/小米10/b795ae726e4a41c17f1c9b33b98a7782.jpg" alt="">
                    <img src="./img/小米10/15035061f27b2aa2ba80e4bd8bf22f0a.jpg" alt="">
                </li>
            </ul>
        </aside>
        <aside class="aside16" id="ddd">
            <div>
                <span>商品推荐</span>
            </div>
            <ul>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
                <li>
                    <img src="./img/xiaomi23.png" alt="">
                    <p>小米平板5 Pro</p>
                    <span>￥2499</span>
                </li>
            </ul>
        </aside>
        <aside class="aside17">
            <img src="./img/xiaomi35.png" alt="">
        </aside>
   </article>
   <footer>
        <ul>
            <li>
                <img src="./img/xiaomi32.png" alt="">
                <p><a href="./index.html">首页</a></p>
            </li>
            <li>
                <img src="./img/xiaomi30.png" alt="">
                <p><a href="">客服</a></p>
            </li>
            <li>
                <img src="./img/xiaomi31.png" alt="">
                <p><a href="./gouwuche.html">购物车</a></p>
            </li>
        </ul>
        <input class="input1" type="button" value="加入购物车">
        <input class="input2" type="submit" value="立即购买">
    </footer>
</body>
</html>